// 引入 react 依赖
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { NativeEventEmitter, ScrollView, TextInput, NativeModules, Platform, StyleSheet, Text, View, Image, TouchableHighlight, Alert, Switch, ImageBackground } from 'react-native';

// 引入第三方依赖
import _ from 'lodash';
import axios from 'axios';
import Icon from 'react-native-vector-icons/dist/Ionicons';
import pureRender from 'pure-render-decorator';
import { Actions } from 'react-native-router-flux';

// antd 按需加载
import { Tabs, Toast, Portal } from '@ant-design/react-native';

// 引入 处理数据 所需文件
import {  } from '../../module/module.js'

// 引入样式
import Style from './style.js';

// 引入公用组件
import { Layout, Title, NetInfoScene, Results, RefreshScrollView, ScrollableTabBar } from '../../components/index.js'

// 引入专用组件
import { } from './components/index.js'

// 引入工具包

import { nblogo, classDefault } from '../../util/images.js'
import { size, longitude, latitude, ScreenWidth } from '../../util/utils.js'
import { TouchableOpacity } from 'react-native-gesture-handler';



class Home extends Component {

  constructor(props) {
    super(props)
    this.state = {
    }

  }


  componentDidMount() {

  }

  componentWillMount() {

  }

  render() {
    const { deviceList } = this.state
    return (
      <Layout style={{ backgroundColor: '#0A0C21' }} statusStyle={{}}>
        <View style={{ height: 44, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', }}>
          <View style={{ flexDirection: 'row', alignItems: 'center', paddingLeft: 20 }}>
            <TouchableOpacity style={{ marginRight: 20, height: 44, justifyContent: 'center', }}>
              <View style={{}}>
                <Text style={{ fontSize: 15, color: '#8A90A8', lineHeight: 21, }}>合约</Text>
              </View>
            </TouchableOpacity>
            <TouchableOpacity style={{ marginRight: 20, height: 44, justifyContent: 'center', }}>
              <View style={{ flexDirection: 'column', alignItems: 'center', position: 'relative' }} >
                <Text style={{ fontSize: 16, color: '#97A3FF', lineHeight: 22, }}>订阅</Text>
                <View style={{ width: 24, height: 3, borderRadius: 12, backgroundColor: "#7484FF", position: 'absolute', bottom: -5 }}></View>
              </View>
            </TouchableOpacity>
            <TouchableOpacity style={{ marginRight: 20, height: 44, justifyContent: 'center', }}>
              <View style={{}} >
                <Text style={{ fontSize: 15, color: '#8A90A8', lineHeight: 21, }}>接入</Text>
              </View>
            </TouchableOpacity>
          </View>
          <View style={{ paddingRight: 20 }}>
            <Switch trackColor="#fff" thumbColor="#FFFFFF" tintColor="#7484FF" />
          </View>
        </View>
        <ScrollView>
          <View style={{ marginTop: 16, }}>
            <View style={{ backgroundColor: '#334185', paddingTop: .5, marginBottom: 16, marginHorizontal: 12, borderRadius: 8 }}>
              <View style={{ backgroundColor: '#232B54', flexDirection: 'row', alignItems: 'flex-start', padding: 12, borderRadius: 8 }}>
                <View style={{ width: 44, height: 44, position: 'relative' }}>
                  {/* <Image resizeMode='cover' style={{ position: 'absolute', width: 18, height: 15, top: -7, left: -1.5 }} source={require('../../static/images/icon-hot.png')} /> */}
                  <View style={{}}>
                    <Image resizeMode='cover' source={require('../../static/images/tx.png')} style={{ width: 44, height: 44, borderRadius: 22, backgroundColor: '#fff' }} />
                  </View>
                </View>
                <View style={{ marginLeft: 15 }}>
                  <View style={{ marginBottom: 16, flexDirection: 'row', }}>
                    <Text style={{ fontSize: 14, color: '#E4E4E4', lineHeight: 20, }}>肥宅比特币</Text>
                    <View style={{ marginLeft: 12, paddingHorizontal: 8, paddingVertical: 3, borderWidth: .5, borderRadius: 2, borderColor: '#7484FF' }}>
                      <Text style={{ fontSize: 10, color: '#7484FF', lineHeight: 14, height: 14 }}>已关注</Text>
                    </View>
                  </View>
                  <View style={{ flexDirection: 'row', alignItems: 'center', }}>
                    <Text style={{ fontSize: 12, color: '#8A90A8', lineHeight: 17, }}>大暴跌，你无法想象</Text>
                  </View>
                </View>
              </View>
            </View>
            <View style={{ marginHorizontal: 12, borderRadius: 8, overflow: 'hidden', backgroundColor: '#10142D', paddingTop: .5, marginTop: 0, marginBottom: 8 }}>
              <View style={{ backgroundColor: '#181E3A', }}>
                <View style={{ backgroundColor: '#10142D', borderRadius: 0, }}>
                  <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', padding: 12 }}>
                    <View style={{ paddingHorizontal: 8, paddingVertical: 3, backgroundColor: '#FF5757', borderRadius: 2, }}><Text style={{ fontSize: 10, color: '#fff', lineHeight: 14, }}>空2.84倍</Text></View>
                    <Text style={{ flex: 1, fontSize: 14, color: '#fff', lineHeight: 20, marginLeft: 12 }}>OKEx ETH/USD季度</Text>
                    <View style={{ paddingHorizontal: 8, paddingVertical: 3, backgroundColor: '#7484FF', borderRadius: 2, }}><Text style={{ fontSize: 10, color: '#fff', lineHeight: 14, }}>平</Text></View>
                  </View>
                </View>
              </View>
              <View style={{ height: .5, backgroundColor: '#232B54', marginHorizontal: 12 }}></View>
              <View style={{ backgroundColor: '#10142D', height: 65, flexDirection: 'row', alignItems: 'center', }}>
                <View style={{ flex: 1, flexDirection: 'column', alignItems: 'center', justifyContent: 'center', }}>
                  <Text style={{ fontSize: 12, color: '#8A90A8', lineHeight: 17, marginBottom: 4 }}>总资产</Text>
                  <Text style={{ fontSize: 14, color: '#FFFFFF', lineHeight: 20, }}>$306521</Text>
                </View>
                <View style={{ flex: 1, flexDirection: 'column', alignItems: 'center', justifyContent: 'center', }}>
                  <Text style={{ fontSize: 12, color: '#8A90A8', lineHeight: 17, marginBottom: 4 }}>总资产</Text>
                  <Text style={{ fontSize: 14, color: '#07C69A', lineHeight: 20, }}>$306521</Text>
                </View>
                <View style={{ flex: 1, flexDirection: 'column', alignItems: 'center', justifyContent: 'center', }}>
                  <Text style={{ fontSize: 12, color: '#8A90A8', lineHeight: 17, marginBottom: 4 }}>总资产</Text>
                  <Text style={{ fontSize: 14, color: '#07C69A', lineHeight: 20, }}>$306521</Text>
                </View>
              </View>
              <View style={{ height: .5, backgroundColor: '#232B54', marginHorizontal: 12 }}></View>
              <View style={{ paddingHorizontal: 12, paddingVertical: 6 }}>
                <View style={{ marginBottom: 8, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', marginVertical: 10 }}>
                  <Text style={{ fontSize: 14, color: '#8A90A8', lineHeight: 20, }}>均价</Text>
                  <Text style={{ fontSize: 14, color: '#8A90A8', lineHeight: 20, }}>$6140.75</Text>
                </View>
                <View style={{ marginBottom: 8, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', marginVertical: 10 }}>
                  <Text style={{ fontSize: 14, color: '#8A90A8', lineHeight: 20, }}>持仓</Text>
                  <Text style={{ fontSize: 14, color: '#8A90A8', lineHeight: 20, }}>7073张</Text>
                </View>
                <View style={{ marginBottom: 8, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', marginVertical: 10 }}>
                  <Text style={{ fontSize: 14, color: '#8A90A8', lineHeight: 20, }}>价值</Text>
                  <Text style={{ fontSize: 14, color: '#8A90A8', lineHeight: 20, }}>115.18 BTC</Text>
                </View>
                <View style={{ marginBottom: 8, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', marginVertical: 10 }}>
                  <Text style={{ fontSize: 14, color: '#8A90A8', lineHeight: 20, }}>交易所</Text>
                  <Text style={{ fontSize: 14, color: '#8A90A8', lineHeight: 20, }}>OKEx</Text>
                </View>
              </View>
              <View style={{ height: .5, backgroundColor: '#232B54', marginHorizontal: 12 }}></View>
              <View style={{ paddingHorizontal: 12, paddingVertical: 6 }}>
                <View style={{ marginVertical: 10, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', }}>
                  <View style={{ marginRight: 13, width: 18, height: 18, justifyContent: 'center', alignItems: 'center', borderWidth: .5, borderStyle: 'solid', borderColor: '#00C898', borderRadius: 2 }}>
                    <Text style={{ fontSize: 10, color: '#00C898', lineHeight: 14, }}>加</Text>
                  </View>
                  <View style={{ flex: 1 }}>
                    <Text style={{ fontSize: 14, color: '#8A90A8', lineHeight: 16, }}>03.30 23:04</Text>
                  </View>
                  <View style={{ flex: 1 }}>
                    <Text style={{ fontSize: 14, color: '#8A90A8', lineHeight: 16, }}>≡131.200</Text>
                  </View>
                  <View style={{ flex: 1 }}>
                    <Text style={{ fontSize: 14, color: '#8A90A8', lineHeight: 16, }}>-</Text>
                  </View>
                  <View style={{ flex: 1 }}>
                    <Text style={{ fontSize: 14, color: '#8A90A8', lineHeight: 16, textAlign: 'right' }}>48张</Text>
                  </View>
                </View>
                <View style={{ marginVertical: 10, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', }}>
                  <View style={{ marginRight: 13, width: 18, height: 18, justifyContent: 'center', alignItems: 'center', borderWidth: .5, borderStyle: 'solid', borderColor: '#00C898', borderRadius: 2 }}>
                    <Text style={{ fontSize: 10, color: '#00C898', lineHeight: 14, }}>加</Text>
                  </View>
                  <View style={{ flex: 1 }}>
                    <Text style={{ fontSize: 14, color: '#8A90A8', lineHeight: 16, }}>03.30 23:04</Text>
                  </View>
                  <View style={{ flex: 1 }}>
                    <Text style={{ fontSize: 14, color: '#8A90A8', lineHeight: 16, }}>≡131.200</Text>
                  </View>
                  <View style={{ flex: 1 }}>
                    <Text style={{ fontSize: 14, color: '#8A90A8', lineHeight: 16, }}>-</Text>
                  </View>
                  <View style={{ flex: 1 }}>
                    <Text style={{ fontSize: 14, color: '#8A90A8', lineHeight: 16, textAlign: 'right' }}>48张</Text>
                  </View>
                </View>
              </View>
            </View>
          </View>
          <View style={{ marginTop: 16, marginBottom: 8 }}>
            <View style={{ flexDirection: 'row', alignItems: 'flex-start', marginBottom: 12, paddingLeft: 12 }}>
              <View style={{ width: 44, height: 44, position: 'relative' }}>
                <View style={{}}>
                  <Image resizeMode='cover' source={require('../../static/images/tx.png')} style={{ width: 44, height: 44, borderRadius: 22, backgroundColor: '#fff' }} />
                </View>
              </View>
              <View style={{ marginLeft: 15 }}>
                <View style={{ marginBottom: 8, flexDirection: 'row', }}>
                  <Text style={{ fontSize: 14, color: '#E4E4E4', lineHeight: 20, }}>肥宅比特币</Text>
                  <View style={{ marginLeft: 12, paddingHorizontal: 8, paddingVertical: 3, borderWidth: .5, borderRadius: 2, borderColor: '#7484FF' }}>
                    <Text style={{ fontSize: 10, color: '#7484FF', lineHeight: 14, height: 14 }}>OKEx</Text>
                  </View>
                </View>
                <View style={{ flexDirection: 'row', alignItems: 'center', }}>
                  <View style={{ paddingHorizontal: 8, paddingVertical: 3, borderWidth: .5, borderRadius: 2, borderColor: '#FF5757', backgroundColor: '#FF5757', marginRight: 16 }}>
                    <Text style={{ fontSize: 10, color: '#fff', lineHeight: 14, height: 14 }}>空2.26倍</Text>
                  </View>
                  <Text style={{ fontSize: 12, color: '#8A90A8', lineHeight: 17, }}>提醒方式：</Text>
                  <View style={{ marginLeft: 4, flexDirection: 'row', alignItems: 'center', }}>
                    <Text style={{ fontSize: 12, color: '#97A3FF', lineHeight: 17, }}>只订阅不提醒</Text>
                    <Image resizeMode='cover' style={{ width: 12, height: 12, marginLeft: 5 }} source={require('../../static/images/arraw-bottom.png')} />
                  </View>
                </View>
              </View>
            </View>
            <ScrollView
              horizontal
              style={{
                paddingLeft: 2,
              }}
            >
              <View style={{ width: 110, marginLeft: 10, backgroundColor: '#334185', borderRadius: 8, overflow: 'hidden' }} >
                <View style={{ borderRadius: 8 }}>
                  <View style={{ marginTop: .5, borderTopLeftRadius: 8, borderTopRightRadius: 8, backgroundColor: '#181E3A' }}>
                    <View style={{ backgroundColor: '#232B54', borderTopLeftRadius: 8, borderTopRightRadius: 8, borderBottomRightRadius: 16, }}>
                      <View style={{ paddingHorizontal: 6 }}>
                        <Text style={{ fontSize: 11, color: '#FF5757', lineHeight: 28, }}>BTC、USD 当季·空</Text>
                      </View>
                    </View>
                  </View>
                  <View style={{ backgroundColor: '#232B54', }}>
                    <View style={{ paddingHorizontal: 6, borderTopLeftRadius: 16, backgroundColor: '#181E3A', }}>
                      <View style={{ marginBottom: 4, marginTop: 4 }}>
                        <Text style={{ fontSize: 18, color: '#07C69A', lineHeight: 25, }}>8.04%</Text>
                      </View>
                      <View style={{}}>
                        <View style={{ marginBottom: 8, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', }}>
                          <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>均价</Text>
                          <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>$6140.75</Text>
                        </View>
                        <View style={{ marginBottom: 8, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', }}>
                          <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>持仓</Text>
                          <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>7073张</Text>
                        </View>
                        <View style={{ marginBottom: 8, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', }}>
                          <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>价值</Text>
                          <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>115.18 BTC</Text>
                        </View>
                        <View style={{ marginBottom: 8, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', }}>
                          <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>交易所</Text>
                          <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>OKEx</Text>
                        </View>
                      </View>
                    </View>
                  </View>
                </View>
              </View>
              <View style={{ width: 110, marginLeft: 10, backgroundColor: '#334185', borderRadius: 8, overflow: 'hidden' }} >
                <View style={{ marginTop: .5, borderTopLeftRadius: 8, borderTopRightRadius: 8, backgroundColor: '#181E3A' }}>
                  <View style={{ backgroundColor: '#232B54', borderTopLeftRadius: 8, borderTopRightRadius: 8, borderBottomRightRadius: 16, }}>
                    <View style={{ paddingHorizontal: 6 }}>
                      <Text style={{ fontSize: 11, color: '#FF5757', lineHeight: 28, }}>BTC、USD 当季·空</Text>
                    </View>
                  </View>
                </View>
                <View style={{ backgroundColor: '#232B54', }}>
                  <View style={{ paddingHorizontal: 6, borderTopLeftRadius: 16, backgroundColor: '#181E3A', }}>
                    <View style={{ marginBottom: 4, marginTop: 4 }}>
                      <Text style={{ fontSize: 18, color: '#07C69A', lineHeight: 25, }}>8.04%</Text>
                    </View>
                    <View style={{}}>
                      <View style={{ marginBottom: 8, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', }}>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>均价</Text>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>$6140.75</Text>
                      </View>
                      <View style={{ marginBottom: 8, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', }}>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>持仓</Text>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>7073张</Text>
                      </View>
                      <View style={{ marginBottom: 8, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', }}>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>价值</Text>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>115.18 BTC</Text>
                      </View>
                      <View style={{ marginBottom: 8, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', }}>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>交易所</Text>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>OKEx</Text>
                      </View>
                    </View>
                  </View>
                </View>
              </View>
              <View style={{ width: 12 }}></View>
            </ScrollView>
          </View>
          <View style={{ marginTop: 16, marginBottom: 8 }}>
            <View style={{ flexDirection: 'row', alignItems: 'flex-start', marginBottom: 12, paddingLeft: 12 }}>
              <View style={{ width: 44, height: 44, position: 'relative' }}>
                <View style={{}}>
                  <Image resizeMode='cover' source={require('../../static/images/tx.png')} style={{ width: 44, height: 44, borderRadius: 22, backgroundColor: '#fff' }} />
                </View>
              </View>
              <View style={{ marginLeft: 15 }}>
                <View style={{ marginBottom: 8, flexDirection: 'row', }}>
                  <Text style={{ fontSize: 14, color: '#E4E4E4', lineHeight: 20, }}>肥宅比特币</Text>
                  <View style={{ marginLeft: 12, paddingHorizontal: 8, paddingVertical: 3, borderWidth: .5, borderRadius: 2, borderColor: '#7484FF' }}>
                    <Text style={{ fontSize: 10, color: '#7484FF', lineHeight: 14, height: 14 }}>OKEx</Text>
                  </View>
                </View>
                <View style={{ flexDirection: 'row', alignItems: 'center', }}>
                  <View style={{ paddingHorizontal: 8, paddingVertical: 3, borderWidth: .5, borderRadius: 2, borderColor: '#FF5757', backgroundColor: '#FF5757', marginRight: 16 }}>
                    <Text style={{ fontSize: 10, color: '#fff', lineHeight: 14, height: 14 }}>空2.26倍</Text>
                  </View>
                  <Text style={{ fontSize: 12, color: '#8A90A8', lineHeight: 17, }}>提醒方式：</Text>
                  <View style={{ marginLeft: 4, flexDirection: 'row', alignItems: 'center', }}>
                    <Text style={{ fontSize: 12, color: '#97A3FF', lineHeight: 17, }}>只订阅不提醒</Text>
                    <Image resizeMode='cover' style={{ width: 12, height: 12, marginLeft: 5 }} source={require('../../static/images/arraw-bottom.png')} />
                  </View>
                </View>
              </View>
            </View>
            <ScrollView
              horizontal
              style={{
                paddingLeft: 2,
              }}
            >
              <View style={{ width: 318, marginLeft: 10, backgroundColor: '#334185', borderRadius: 8, overflow: 'hidden', flexDirection: 'row', paddingTop: .5, }} >
                <View style={{ width: 130, backgroundColor: '#232B54', }}>
                  <View style={{ borderTopLeftRadius: 8, borderTopRightRadius: 8, backgroundColor: '#181E3A', height: 107, alignItems: 'center', justifyContent: 'center', }}>
                    <View style={{ borderTopLeftRadius: 8, borderTopRightRadius: 8, borderBottomRightRadius: 16, }}>
                      <View style={{ paddingHorizontal: 6 }}>
                        <Text style={{ fontSize: 11, color: '#FF5757', lineHeight: 17, textAlign: 'center' }}>BTC、USD</Text>
                        <Text style={{ fontSize: 11, color: '#FF5757', lineHeight: 17, textAlign: 'center' }}>当季·空</Text>
                      </View>
                    </View>
                    <View style={{ marginTop: 17 }}>
                      <Text style={{ fontSize: 18, color: '#07C69A', lineHeight: 25, }}>8.04%</Text>
                    </View>
                  </View>
                </View>
                <View style={{ backgroundColor: '#181E3A', flex: 1, }}>
                  <View style={{ paddingHorizontal: 6, borderBottomLeftRadius: 16, backgroundColor: '#232B54', height: 107, alignItems: 'center', justifyContent: 'center', }}>
                    <View style={{ width: 110, marginTop: 8, }}>
                      <View style={{ marginBottom: 8, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', }}>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>均价</Text>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>$6140.75</Text>
                      </View>
                      <View style={{ marginBottom: 8, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', }}>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>持仓</Text>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>7073张</Text>
                      </View>
                      <View style={{ marginBottom: 8, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', }}>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>价值</Text>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>115.18 BTC</Text>
                      </View>
                      <View style={{ marginBottom: 8, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', }}>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>交易所</Text>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>OKEx</Text>
                      </View>
                    </View>
                  </View>
                </View>
              </View>
              <View style={{ width: 318, marginLeft: 10, backgroundColor: '#334185', borderRadius: 8, overflow: 'hidden', flexDirection: 'row', paddingTop: .5, }} >
                <View style={{ width: 130, backgroundColor: '#232B54', }}>
                  <View style={{ borderTopLeftRadius: 8, borderTopRightRadius: 8, backgroundColor: '#181E3A', height: 107, alignItems: 'center', justifyContent: 'center', }}>
                    <View style={{ borderTopLeftRadius: 8, borderTopRightRadius: 8, borderBottomRightRadius: 16, }}>
                      <View style={{ paddingHorizontal: 6 }}>
                        <Text style={{ fontSize: 11, color: '#FF5757', lineHeight: 17, textAlign: 'center' }}>BTC、USD</Text>
                        <Text style={{ fontSize: 11, color: '#FF5757', lineHeight: 17, textAlign: 'center' }}>当季·空</Text>
                      </View>
                    </View>
                    <View style={{ marginTop: 17 }}>
                      <Text style={{ fontSize: 18, color: '#07C69A', lineHeight: 25, }}>8.04%</Text>
                    </View>
                  </View>
                </View>
                <View style={{ backgroundColor: '#181E3A', flex: 1, }}>
                  <View style={{ paddingHorizontal: 6, borderBottomLeftRadius: 16, backgroundColor: '#232B54', height: 107, alignItems: 'center', justifyContent: 'center', }}>
                    <View style={{ width: 110, marginTop: 8, }}>
                      <View style={{ marginBottom: 8, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', }}>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>均价</Text>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>$6140.75</Text>
                      </View>
                      <View style={{ marginBottom: 8, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', }}>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>持仓</Text>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>7073张</Text>
                      </View>
                      <View style={{ marginBottom: 8, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', }}>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>价值</Text>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>115.18 BTC</Text>
                      </View>
                      <View style={{ marginBottom: 8, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', }}>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>交易所</Text>
                        <Text style={{ fontSize: 10, color: '#8A90A8', lineHeight: 14, }}>OKEx</Text>
                      </View>
                    </View>
                  </View>
                </View>
              </View>
              <View style={{ width: 12 }}></View>
            </ScrollView>
          </View>
          <View style={{ marginHorizontal: 12, borderRadius: 8, overflow: 'hidden', backgroundColor: '#334185', paddingTop: .5, marginTop: 16, marginBottom: 8 }}>
            <View style={{ backgroundColor: '#181E3A', }}>
              <View style={{ backgroundColor: '#232B54', borderRadius: 8, }}>
                <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'flex-start', }}>
                  <View style={{ paddingHorizontal: 8, paddingVertical: 3, backgroundColor: '#FF5757', borderBottomRightRadius: 8, }}><Text style={{ fontSize: 10, color: '#fff', lineHeight: 14, }}>空2.84倍</Text></View>
                  <View style={{ paddingHorizontal: 8, paddingVertical: 3, backgroundColor: '#7484FF', borderRadius: 2, marginTop: 12, marginRight: 12 }}><Text style={{ fontSize: 10, color: '#fff', lineHeight: 14, }}>已订阅</Text></View>
                </View>
                <View style={{ flexDirection: 'row', alignItems: 'flex-start', marginBottom: 12, paddingLeft: 12 }}>
                  <View style={{ width: 44, height: 44, position: 'relative' }}>
                    {/* <Image resizeMode='cover' style={{ position: 'absolute', width: 18, height: 15, top: -7, left: -1.5 }} source={require('../../static/images/icon-hot.png')} /> */}
                    <View style={{}}>
                      <Image resizeMode='cover' source={require('../../static/images/tx.png')} style={{ width: 44, height: 44, borderRadius: 22, backgroundColor: '#fff' }} />
                    </View>
                  </View>
                  <View style={{ marginLeft: 15 }}>
                    <View style={{ marginBottom: 8, flexDirection: 'row', }}>
                      <Text style={{ fontSize: 14, color: '#E4E4E4', lineHeight: 20, }}>肥宅比特币</Text>
                      <View style={{ marginLeft: 12, paddingHorizontal: 8, paddingVertical: 3, borderWidth: .5, borderRadius: 2, borderColor: '#7484FF' }}>
                        <Text style={{ fontSize: 10, color: '#7484FF', lineHeight: 14, height: 14 }}>OKEx</Text>
                      </View>
                    </View>
                    <View style={{ flexDirection: 'row', alignItems: 'center', }}>
                      <Text style={{ fontSize: 12, color: '#8A90A8', lineHeight: 17, }}>提醒方式：</Text>
                    </View>
                  </View>
                </View>
              </View>
            </View>
            <View style={{ backgroundColor: '#181E3A', height: 65, flexDirection: 'row', alignItems: 'center', }}>
              <View style={{ flex: 1, flexDirection: 'column', alignItems: 'center', justifyContent: 'center', }}>
                <Text style={{ fontSize: 12, color: '#8A90A8', lineHeight: 17, marginBottom: 4 }}>总资产</Text>
                <Text style={{ fontSize: 14, color: '#FFFFFF', lineHeight: 20, }}>$306521</Text>
              </View>
              <View style={{ flex: 1, flexDirection: 'column', alignItems: 'center', justifyContent: 'center', }}>
                <Text style={{ fontSize: 12, color: '#8A90A8', lineHeight: 17, marginBottom: 4 }}>总资产</Text>
                <Text style={{ fontSize: 14, color: '#07C69A', lineHeight: 20, }}>$306521</Text>
              </View>
              <View style={{ flex: 1, flexDirection: 'column', alignItems: 'center', justifyContent: 'center', }}>
                <Text style={{ fontSize: 12, color: '#8A90A8', lineHeight: 17, marginBottom: 4 }}>总资产</Text>
                <Text style={{ fontSize: 14, color: '#07C69A', lineHeight: 20, }}>$306521</Text>
              </View>
            </View>
          </View>
          <View style={{ marginHorizontal: 12, borderRadius: 8, overflow: 'hidden', backgroundColor: '#334185', paddingTop: .5, marginTop: 16, marginBottom: 8 }}>
            <View style={{ backgroundColor: '#181E3A', }}>
              <View style={{ backgroundColor: '#232B54', borderRadius: 8, }}>
                <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', paddingTop: 12, paddingHorizontal: 12 }}>
                  <View style={{ paddingHorizontal: 8, paddingVertical: 3, backgroundColor: '#FF5757', borderRadius: 2, }}><Text style={{ fontSize: 10, color: '#fff', lineHeight: 14, }}>空2.84倍</Text></View>
                  <Text style={{ flex: 1, fontSize: 14, color: '#fff', lineHeight: 20, marginLeft: 12 }}>OKEx ETH/USD季度</Text>
                  <View style={{ paddingHorizontal: 8, paddingVertical: 3, backgroundColor: '#7484FF', borderRadius: 2, }}><Text style={{ fontSize: 10, color: '#fff', lineHeight: 14, }}>平</Text></View>
                </View>
                <View style={{ flexDirection: 'row', alignItems: 'center', paddingVertical: 16 }}>
                  <View style={{ flex: 1, flexDirection: 'column', alignItems: 'center', justifyContent: 'center', }}>
                    <Text style={{ fontSize: 12, color: '#8A90A8', lineHeight: 17, marginBottom: 4 }}>总资产</Text>
                    <Text style={{ fontSize: 14, color: '#00C898', lineHeight: 20, }}>$306521</Text>
                  </View>
                  <View style={{ flex: 1, flexDirection: 'column', alignItems: 'center', justifyContent: 'center', }}>
                    <Text style={{ fontSize: 12, color: '#8A90A8', lineHeight: 17, marginBottom: 4 }}>总资产</Text>
                    <Text style={{ fontSize: 14, color: '#00C898', lineHeight: 20, }}>$306521</Text>
                  </View>
                </View>
              </View>
            </View>
            <View style={{ backgroundColor: '#181E3A', height: 65, flexDirection: 'row', alignItems: 'center', }}>
              <View style={{ flex: 1, flexDirection: 'column', alignItems: 'center', justifyContent: 'center', }}>
                <Text style={{ fontSize: 12, color: '#8A90A8', lineHeight: 17, marginBottom: 4 }}>总资产</Text>
                <Text style={{ fontSize: 14, color: '#FFFFFF', lineHeight: 20, }}>$306521</Text>
              </View>
              <View style={{ flex: 1, flexDirection: 'column', alignItems: 'center', justifyContent: 'center', }}>
                <Text style={{ fontSize: 12, color: '#8A90A8', lineHeight: 17, marginBottom: 4 }}>总资产</Text>
                <Text style={{ fontSize: 14, color: '#07C69A', lineHeight: 20, }}>$306521</Text>
              </View>
              <View style={{ flex: 1, flexDirection: 'column', alignItems: 'center', justifyContent: 'center', }}>
                <Text style={{ fontSize: 12, color: '#8A90A8', lineHeight: 17, marginBottom: 4 }}>总资产</Text>
                <Text style={{ fontSize: 14, color: '#07C69A', lineHeight: 20, }}>$306521</Text>
              </View>
            </View>
          </View>
        </ScrollView>
      </Layout>
    );
  }
}



export default connect(({ userInfo, }) => ({
  userInfo,
}))(pureRender(Home))
